<template>
    <el-carousel :interval="2000" arrow="always" height="800px">
        <el-carousel-item v-for="item in listData" :key="item">
            <img :src="item" class="image">
        </el-carousel-item>
    </el-carousel>
</template>

<script setup lang="ts">
const listData = [
    "https://www.scvtc.edu.cn/images/shuanggao.jpg",
    "https://www.scvtc.edu.cn/images/6.6mangzhong.jpg",
    "https://www.scvtc.edu.cn/images/xiaofengxuefeng.jpg",
    "https://www.scvtc.edu.cn/images/ershidajingshen.jpg",
    "https://www.scvtc.edu.cn/images/zixinziqiang2.jpg"]
</script>

<style scoped lang="scss">
.image {
    width: 100%;
    height: 100%;
}
</style>